<!DOCTYPE html>
<!-- 声明文档类型：告诉浏览器下面的代码用html-5开发 -->
<html>
	<head>
		<meta charset="utf-8" />
		<!-- 编码集：万国码 解决乱码 -->
		<title>网页名字</title>
		<style>
			/* 内部样式：选择器{属性和属性值} */·
		</style>
	</head>
	<body>
		<!-- html 属性与属性值  功能：做效果 针对单一元素-->
		<p align="center">lorem1</p>
		<!-- css3 功能：做效果 全局效果
		 前端要求：结构与表现分离（html写结构，css写样式）
		 引入方式：①内部样式表 ：练习专用 √
		          ②外部样式表 ：项目专用 √
		          ③内联样式表 ：使用方法与属性和属性值类似
		          ④引入样式表 ：css2语法，问题：先页面后效果
				  语法: @import
		 -->
		<p style="text-align: center">lorem2</p>
	</body>
</html>
